<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    
    <title>挑战垃圾分类-看看你是学霸还是学渣</title>
	<link rel="stylesheet" type="text/css" href="static/css/style.css"/>
	<link rel="stylesheet" href="static/css/animate.css">
	<style type="text/css">
		.pic_wrap{}
		.pic{width: 90%; margin-left:-45%;}
		.pic .pic03{position: absolute;width: 20%;left:34%;top: 0;}
	</style>
  </head>
  <body>
    <div id="app">
		<div class="wrapper questionPage">
			<div class="question animated bounceInDown"><img src="static/images/P3/question.png" alt=""></div>
			<div class="pic_wrap">
				<img src="static/images/P3/pic01.png" alt="">
				<p class="pic animated bounceInDown delay1">
					<img src="static/images/P3/pic02.png" alt="">
					<img src="static/images/P3/pic03.png" class="pic03" alt="">
				</p>
			</div>
			<div class="answer answer2">
				<button class="animated bounceInRight delay1"><img src="static/images/P3/an01.png" alt=""></button>
				<button class="animated bounceInRight delay2"><img src="static/images/P3/an02.png" alt=""></button>
				<button class="animated bounceInRight delay3"><img src="static/images/P3/an03.png" alt=""></button>
				<button class="animated bounceInRight delay4"><img src="static/images/P3/an04.png" alt=""></button>
			</div>
		</div>
	</div>
	<!-- <div class="musicPlay" style="display: none;">
			<audio id="voice" loop="true" src="static/5b0f90b8da980.mp3" autoplay="autoplay"></audio>
	</div> -->
		<!-- built files will be auto injected -->
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		<script src="static/js/main.js"></script>
		<script>

				//  $(function(){
					// var voice = document.getElementById('voice');
					// 			//调用 <audio> 元素提供的方法 play()
					// 			voice.play();
					// 			//判斷 WeixinJSBridge 是否存在
					// 			if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
					// 					voice.play();
					// 			} else {
					// 					//監聽客户端抛出事件"WeixinJSBridgeReady"
					// 					if (document.addEventListener) {
					// 							document.addEventListener("WeixinJSBridgeReady", function() {
					// 									voice.play();
					// 							}, false);
					// 					} else if (document.attachEvent) {
					// 							document.attachEvent("WeixinJSBridgeReady", function() {
					// 									voice.play();
					// 							});
					// 							document.attachEvent("onWeixinJSBridgeReady", function() {
					// 									voice.play();
					// 							});
					// 					}
					// 			}
					// 		 })
				</script>
  </body>
</html>